<!--
 * SystemsInfluenza.org Website v2.0
 * Copyright(c) 2006-2012 Institute for Systems Biology, Seattle, Washington, USA
 * codefor@systemsbiology.org
 * http://www.gnu.org/licenses/lgpl.html
 * Author: Hector Rovira
-->
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/xtheme-gray.css"/>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>

    <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
    <script type="text/javascript" src="js/analytics.js"></script>

    <title>Systemsinfluenza.org</title>

    <script type="text/javascript">
        Ext.onReady(function() {
            var headerPanel = {
                id: "header-panel",
                region: "north",
                height: 90,
                frame: false,
                border: false,
                html: '<div class="banner"><img src="images/banner.jpg" alt="SystemsInfluenza.org"/></div>'
            };

            var contentPanel = new Ext.TabPanel({
                region: "center",
                activeTab: 0,
                enableTabScroll:true,
                margins: "5 3 5 3",
                listeners: {
                    "tabchange": function(tabPanel, tab){
                        if (tab.id != "home") {
                            Ext.History.add(tab.id);
                        }
                    }
                },
                items:[
                    getTab("home", "Home", "home.html"),
                    getTab("immune_response", "Immune Response to Infection", "immune_response_to_infection.html"),
                    getTab("cellular_response", "Cellular Response to Infection", "cellular_response_to_infection.html"),
                    getTab("viralhost", "Viral-Host Protein Interactions", "viral_host_protein_interactions.html"),
                    getTab("viral_lipidomics", "Viral Lipidomics", "viral_lipidomics.html"),
                    getTab("viral_models", "Viral Models", "viral_models.html"),
                    getTab("publications", "Publications", "publications.html"),
                    getTab("links", "Links & Resources", "links_and_resources.html"),
                    getTab("data", "Data", "data.html")
                ]
            });

            var imageColumns = 6;
            var footerPanel = {
                id: "footer-panel",
                region: "south",
                layout:'table',
                frame: false,
                height: 110,
                padding: 5,
                defaults: {
                    cellCls: 'logos',
                    border: false
                },
                layoutConfig: {
                    tableAttrs: {
                        style: {
                            width: '100%'
                        }
                    },
                    columns: imageColumns
                },
                items: [
                    {html: getLinkHtml("http://www.systemsbiology.org", "Institute for Systems Biology", "images/isb.gif")},
                    {html: getLinkHtml("http://seattlebiomed.org", "Seattle BioMed", "images/seattlebiomed.gif")},
                    {html: getLinkHtml("http://www.stjude.org/stjude/v/index.jsp?vgnextoid=f2bfab46cb118010VgnVCM1000000e2015acRCRD", "St. Jude Children's Research Hospital", "images/stjudes.gif")},
                    {html: getLinkHtml("http://www.ucsd.edu/portal/site/ucsd", "University of California, San Diego", "images/ucsd.gif")},
                    {html: getLinkHtml("http://www.vanderbilt.edu/", "Vanderbilt University, School of Medicine", "images/vanderbilt.gif")},
                    {html: getLinkHtml("http://www.seattlechildrens.org/", "Seattle Children's Hospital Research Institute", "images/childrens.gif")},
                    {html:'<div class="copyright">&copy; 2012, Institute for Systems Biology, All Rights Reserved</div>',colspan:imageColumns}
                ]
            };

            new Ext.Viewport({
                layout:'border',
                items:[ headerPanel, contentPanel, footerPanel ]
            });

            Ext.History.init();
            var token = Ext.History.getToken();
            if (token) {
                contentPanel.setActiveTab(token);
            }
                        
            Ext.History.on('change', function(token) {
                if (token) {
                    contentPanel.setActiveTab(token);
                } else {
                    contentPanel.setActiveTab(0);
                }
            });
        });

        function getTab(id, label, link) {
            return new Ext.Panel({
                id: id,
                title: label,
                autoScroll:true,
                html: "<iframe src='" + link + "' frameborder='0' width='100%' height='100%'></iframe>"
            });
        }

        function getLinkHtml(aHref, label, imgSrc) {
            var html = '';
            html += '<a href="' + aHref + '" target="_blank">';
            html += '<img src="' + imgSrc + '" alt="' + label + '" border="0" hspace="2" vspace="2"/>';
            html += '</a>';
            return html;
        }
    </script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-21351781-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
    <form id="history-form" class="x-hidden">
        <input type="hidden" id="x-history-field" />
        <iframe id="x-history-frame"></iframe>
    </form>
</body>
</html>
